<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="hotcss" content="max-width=1280">
    <title>首页</title>
    <script src="./js/hotcss.js"></script>
    <link rel="stylesheet" href="./css/index.min.css">
</head>
<body>
    <!-- 最外层包裹 -->
    <div class="wrapper">
        <!-- logo -->
        <section class="logo"> </section>
        <!-- 三个输入框 -->
        <section class="input-item">
            <form >
                <section class="username items">
                    <label for="username">姓名:</label>
                    <input type="text" name="" id="username"  maxlength="20" placeholder="请输入姓名">
                    <div class="mes"></div>
                </section>
                <section class="phone items">
                    <label for="phone">+86:</label>
                    <input type="text" name="" id="phone"  maxlength="11" placeholder="请输入手机号">
                    <div class="mes"></div>
                </section>
                <section class="id-card items">
                    <label for="idcard">身份证号码:</label>
                    <input type="text" name="" id="idcard"  maxlength="25" placeholder="请输入身份证号码">
                    <div class="mes"></div>
                </section>
            </form>
        </section>
        <!-- 两个点击框 -->
        <section class="click-btn">
            <button class="my-book" id="myBook">我的预约</button>
            <button class="to-book" id="toBook">开始预约</button>
        </section>
    </div>

    <div class="tip" id="tip">
        <div class="tip-close" id="tipClose">X</div>
        <p>请完整填写信息</p>
    </div>
    <div class="mask" id="mask"></div>
    <!-- <script src="./js/ajaxTool.js"></script> -->
    <script src="./js/index.js" type="module"></script>
</body>
</html>